/* 元素选择器 */
/* h1 {
    color: purple;
    font-size: 100px;
}

h2 {
    color: red;
    font-size: 100px;
}

div {
    width: 400px;
    height: 200px;
    background-color: brown;
}

a {
    width: 100px;
    height:50px;
    background-color: yellowgreen;
} */

/* 类选择器（.） */
.box1 {
    width: 200px;
    height: 50px;
    background-color: blueviolet;
}

.box2 {
    width: 100px;
    height: 50px;
    background-color: brown;
}

.box3 {
    width: 50px;
    height: 50px;
    background-color: cadetblue;
}

/* id选择器(#) */
#search {
    width: 500px;
    height: 300px;
    background-color: goldenrod;
}

#home {
    width: 400px;
    height: 300px;
    background-color: rgb(247, 9, 235);
}

/* 子元素选择器(>) */
h1 > strong {
    color: red;
}

h1 > em > strong {
    color: red;
}

h1 em {
    color: yellowgreen;
}

p em {
    color: blueviolet;
}

/* >作用于元素的第一代(兄弟元素) */

/* 空格会作用于元素的所有后代 */
.st li {
    border: 1px solid red;
}




